.login{
  .login-back{
    width: 100%;
    height: 100%;
    top:50px;
    position: fixed;
    background-image: url("/static/login-back.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% 100%;
    filter: blur(4px);
    -webkit-filter:blur(4px);
  }
  .login-form{
    width: 100%;
    height: 50%;
    position: absolute;
    top: 15%;
    .pic-logo{
      width: 80px;
      height: 80px;
      margin: 0 auto;
      img{
        width: 100%;
        height: 100%;
        border-radius: 50px;
      }
    }
    .login-content{
      .fa{
        color: white;
        vertical-align: bottom;
        margin-right: 5%;
      }
      margin-top: 20px;
      #userid,#password{
        width: 70%;
        height: 35px;
        font-size: 16px;
        background-color: rgba(0,0,0,0);
        border: 0px;
        border-bottom: 3px solid #ffffff;
        color: #ffffff;
        outline:none;
        &:focus{
          border: 0;
          border-bottom:3px solid #ffffff ;
        }
      }
    }
    .login-submit{
      #submit{
        width: 60%;
        height: 40px;
        margin-top: 20px;
        background-color: #007aff;
        color: white;
        border: 0;
        font-size: 18px;
      }
    }
    .other{
      padding: 20px;
      text-align: right;
      a{
        color: #ffffff;

      }
    }
  }
}
